<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>流浪猫狗收容系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <%@include file="../common.jsp"%>
    <style>

        .th.layui-table-col-special{
            height: 36px;
            line-height: 36px;
        }
        .layui-layer-title{
            background: #e0dbd6 !important;
        }
        .layui-layer-content{
            width: 100%;
            height: 100%;
        }
    </style>

</head>
<body style="background: #e0dbd6" >
<div class="layuimini-container">
    <div class="layuimini-main">

        <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter" style="text-align: center"></table>

    </div>
</div>

<script>
    layui.use(['form', 'table'], function () {

        var $ = layui.jquery,
            form = layui.form,
            table = layui.table;

        table.render({
            elem: '#currentTableId',
            url: base_url + 'record/getRecordList.do',
            toolbar: '#toolbarDemo',
            defaultToolbar: ['filter', 'exports', 'print', {
                title: '提示',
                layEvent: 'LAYTABLE_TIPS',
                icon: 'layui-icon-tips'
            }],
            cols: [[
                // {field: 'id', title: '记录编号', align: "center"},
                {title: '序号', type: 'numbers', align: "center"},
                {field: 'petId', title: '宠物编号', align: "center"},
                {field: 'petName', title: '宠物名',align: "center"},
                {field: 'adopterId', title: '领养者编号', align: "center"},
                {field: 'adopterName', title: '领养者用户名',align: "center"},
                {field: 'adopTime', title: '领养时间',align: "center"},
            ]],
            limits: [5, 10, 20, 40, 50, 100],
            limit: 5,
            page: true,
            skin: 'line'
        });
    });
</script>

</body>
</html>